<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加小组成员</title>
    <script src="../js/jquery.js"></script>
    <script src="../layui/layui.js"></script>
    <script src="../js/myAjax.js"></script>
    <script src="../js/group/addMember.js"></script>

</head>
<body style="margin: 0;padding: 0">
<div style="display: flex;height: calc(100vh - 40px);padding: 20px" >
    <div type="hidden" id="id-add-member"></div>
    <div type="hidden" id="add-new-group-member"></div>
    <div style="width: 50%">
        <div style="font-size: 15px; line-height:50px;color:white;text-align: center; background-color: #5FB878">已添加成员</div>
        <div id="added" style="width: 100%;overflow: auto">

        </div>
    </div>
    <div style="height: 100%;width: 5px;background-color: #1bd5ec">
    </div>
    <div style="width: 50%;">
        <div style="font-size: 10px;line-height:50px;color: white;text-align: center;background-color: orangered ">未添加成员</div>
        <div id="notAdded"  style="width: 100%; overflow: auto">

        </div>
        <div style="margin-left: 17%;position:fixed;bottom:0;">
            <input type="button"style="width: 80px;color:white;
            background-color:darkgreen;border-radius: 5px;" value="添加" onclick="confirmMove()"></div>
    </div>
</div>
</body>
</html>